<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
<style>
#header {
    background-image: url("https://gitee.com/LOGIC1JUFE/project/raw/master/light.jpg");
    background-size: contain;
    color:rgb(255, 255, 255);
    text-align:center;
    padding:38px;
}
#topnav {
  overflow: hidden;
  background-color: rgb(95, 132, 211);
}


#topnav a {
  float: left;
  display: block;
  color: #b19bf0;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}


.topnav a:hover {
  background-color: rgba(108, 203, 231, 0.527);
  color: rgb(171, 138, 231);
}
#main {
    background-image: url("https://gitee.com/LOGIC1JUFE/project/raw/master/preview.jpg");
    background-size: cover;
    width:1900px;
    float:center;
    padding:10px;	 	 
}
#footer {
    background-color:rgb(83, 164, 230);
    color:white;
    clear:both;
    text-align:center;
   padding:15px;	 	 
}
</style>
</head>

<body>

<div id="header">
  <head>
    <h1>
       WELCOME TO MY META WORLD 
    </h1>
</div>

<div class="topnav">
    <style>
      .dropdown {
        background-color: #cc87ec7e;
        position: relative;
        display: inline-block;
      }
      
      .dropdown-content {
        display: none;
        position: absolute;
        background-color: #5ee6c881;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgb(188, 183, 189);
        padding: 12px 16px;
        z-index: 1;
      }
      
      .dropdown:hover .dropdown-content {
        display: block;
      }
      </style>
      
      <div class="dropdown">
        <span>
         <a style="font-size:29px">滕王高阁临江渚，佩玉鸣鸾罢歌舞。画栋朝飞南浦云，珠帘暮卷西山雨。 闲云潭影日悠悠，物换星移几度秋。  阁中帝子今何在？槛外长江空自流。</br>
        </span>
        <div class="dropdown-content"> 
          <p><b><a href="https://music.163.com/#/song?id=1881992362" target="_blank">RED</a></b></p>
          <p><b><a href="https://music.163.com/#/song?id=1373776041" target="_blank">BLUE</a></b></p>
          <p><b><a href="https://music.163.com/#/song?id=447925342" target="_blank">PINK</a></b></p>
          <p><b><a href="https://music.163.com/#/song?id=1501530177" target="_blank">BLACK</a></b></p>
        

        </div>
      </div>
  </div>

 <div id="main">
    <body>
        <a style="font-size:25px;color: azure;">欲买桂花同载酒，终不似，少年游。——刘过《唐多令•芦叶满汀州》</a>
        <p> - </p>
        <a style="font-size:30px;color: rgb(104, 238, 238);">2021 Sony World Photography Awards</a>
        <p>
        <img src="https://gitee.com/LOGIC1JUFE/project/raw/master/photos/IMG_20221210_105408.jpg" width="630" height="630" />
        <img src="https://gitee.com/LOGIC1JUFE/project/raw/master/photos/IMG_20221210_105441.jpg" width="630" height="630" />
        <img src="https://gitee.com/LOGIC1JUFE/project/raw/master/photos/IMG_20221210_105455.jpg" width="630" height="630" /> 
        </p>
        <p>
        <img src="https://gitee.com/LOGIC1JUFE/project/raw/master/photos/IMG_20221210_105548.jpg" width="630" height="630" />
        <img src="https://gitee.com/LOGIC1JUFE/project/raw/master/photos/IMG_20221210_105605.jpg" width="630" height="630" />
        <img src="https://gitee.com/LOGIC1JUFE/project/raw/master/photos/IMG_20221210_105622.jpg" width="630" height="630" />
        </p>
        <p>
        <img src="https://gitee.com/LOGIC1JUFE/project/raw/master/photos/IMG_20221210_105644.jpg" width="630" height="630" />
        <img src="https://gitee.com/LOGIC1JUFE/project/raw/master/photos/IMG_20221210_105656.jpg" width="630" height="630" />
        <img src="https://gitee.com/LOGIC1JUFE/project/raw/master/photos/IMG_20221210_105706.jpg" width="630" height="630" />
      </p>
    </body>
 </div>

 <div id="footer">
  <a style="font-size:25px;color: azure;">人不能一直活在过去里或者未来里 向前看 面朝大海 春暖花开。</a>
 </div>